<style>
	.tableHours { margin-top : 10px; width : 400px ; font-size : 11px; color : #888;  }
	.tableHours thead tr {
	background:#E6E6E6 url(/css/system/images/ui-bg_glass_75_e6e6e6_1x400.png) repeat-x scroll 50% 50%;
height:30px; border-top:1px solid #DDDDDD; font-weight : bold; }
	.tableHours thead tr th {  border:1px solid #FFFFFF;
padding-left:5px;
padding-top:10px; }
	.tableHours  tbody tr td { line-height:29px; border-bottom:1px solid #CCCCCC;}
	.deleteHours { cursor : pointer; }
	.dialogInfoItem { float : left ; margin-top : 15px; width : 100%; }
	.dialogInfoItem .dialogInfoItemIzq { float : left ; width :120px;  }
	.dialogInfoItem .dialogInfoItemIzq span { float : right;  }
	.dialogInfoItem .dialogInfoItemDer { float : left ; margin-left : 10px; width : 144px; }
	.dialogInfoItem .dialogInfoItemDer p { color : red; width : 100%; display : none; }
</style>
<script>
$(document).ready(function (){
	$(".tableHours tr:odd").css("background-color", "#F6F6F6 ");
	$(".tableHours tr:even").css("background-color", "#FBFBFB ");
});

</script>
<div class="dialogInfoItem">
		<table class="tableHours" >
			<thead>
			<tr>
				<th>Cantidad</th>
				<th>Nombre</th>
				<th>Precio Unitario</th>
				<th>Total</th>
			</tr>
			</thead>
			<tbody>	
			<?foreach( $this->products as $p ):?>
			<tr>
				<td><?=$p['quantity']?></td>
				<td><?=$p['product_name'] ?></td>
				<td><?=$p['product_price']?></td>
				<td><?=$p['product_price']*$p['quantity']?></td>
			</tr>
			<?endforeach;?>
			</tbody>
		</table>
</div>